<template>
  <div class="app-box">
    <Header></Header>
    <main>
      <router-view></router-view>
    </main>
    <TabBar></TabBar>
  </div>
</template>

<script>

import Header from 'components/layout/Header'
import TabBar from 'components/layout/TabBar'
import Home from 'pages/Home'


export default {
  name: 'App',
  components: {
    Home,Header,TabBar
  }
}
</script>

<style lang="stylus" scoped>
  .app-box 
    height 100%
    display flex 
    flex-direction column
    main 
      flex 1
      overflow hidden
</style>




